<template>
  <div class="home-page" v-html="content">
  </div>


</template>

<script setup lang="ts">
import {onMounted, ref} from 'vue';
import {apiGet} from "@/utils/api";

const content = ref<string>('')
//初始化新闻
const initFitnesscenter = async () => {
  const {data} = await apiGet("/fitnesscenter/getById", {id: 1});
  content.value = data.context
}

//组件挂载完毕
onMounted(async () => {
  await initFitnesscenter()
})
</script>

<style scoped>
.home-page {
  padding: 20px;
}

.width-100 {
  width: 100%;
}

.width-30 {
  width: 30%;
}

.width-70 {
  width: 70%;
}

:deep(.news-image) {
  width: 100px !important;
  height: 100px !important;
}
</style>